<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>花名册</title>
    <style type="text/css">
        *{
            text-align: center;
        }
        td {
            border: 1px solid gray;
            width: 100px;
            height: 30px;
        }
    </style>
    <script>
        /*

        */
        //定义二维数组
        var students = [
            ['张三', '0', 21, '图片'],
            ['李四', '1', 22, '图片']
        ];
        // table style="border:0 none;border-collapse: collapse;2
        var bb = function () {


        for (var i = 0; i = students.length; i++) {
            var arr = students[i];
            for (var j=0;j <arr.length;j++){
            }
        }
        };
        window.onload = function () {
            var p = document.createElement('p');
            p.textContent = '花名册';
            document.body.appendChild(p);
            var ta = document.createElement('table');
            ta.style.border = '0';
            ta.style.borderCollapse = 'collapse';
            var bo = document.createElement('tbody');
            var r1 = document.createElement('tr');
            var d1 = document.createElement('td');
            d1.style.border = '1px solid gray';
            d1.textContent = '姓名';

            document.body.appendChild(ta);
            r1.appendChild(d1);
            bo.appendChild(r1);
            ta.appendChild(bo);

            bb();
        };

    </script>
</head>
<body>

</body>
</html>